<template>
	<view>
		<view class="nav-item-group">
			<view class="nav-item nav-item-2 nav-item-3 clickc" @click="clickPhone">
				<view class="label">
					手机号码
				</view>
				<view class="value">
					136****4343
				</view>
				<view class="nav-arrow">
					<image src="../../static/fangxiang@3x.png" mode=""></image>
				</view>
			</view>
			<view class="nav-item nav-item-2 nav-item-3 clickc" @click="clickAbout">
				<view class="label">
					关于我们
				</view>
				<view class="value">
					v{{ version }}
				</view>
				<view class="nav-arrow">
					<image src="../../static/fangxiang@3x.png" mode=""></image>
				</view>
			</view>
		</view>
		<view class="nav-item-btn clickc" @click="clickOut">
			退出登录
		</view>
		
		<Modal @clickDefine="defineLogout" ref="logoutModal" title="确认退出登录吗？" />
		<Modal @clickDefine="definePhone" ref="phoneModal" title="确认更换手机号码吗？" />
	</view>
</template>

<script>
	import Modal from '@/components/modal/index'
	export default {
		components: {
			Modal
		},
		data() {
			return {
				version: '1.0.1',
			};
		},
		methods: {
			// 退出登录
			defineLogout() {
				
			},
			clickOut(e) {
				this.$refs.logoutModal.showModal(e)
			},
			clickAbout() {
				this.$refs.phoneModal.hideModal()
				uni.navigateTo({
					url:'/pages/my/about'
				})
			},
			clickPhone(e) {
				this.$refs.phoneModal.showModal(e)
			},
			// 更换手机号码
			definePhone() {
				this.$refs.phoneModal.hideModal()
				uni.navigateTo({
					url:'/pages/my/setPwd/phone?isPhone=1'
				})
			},
		}
	}
</script>

<style lang="scss">

</style>
